<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<input type="text" id="txt"  />
		<input type="button" id="btn" value="打印" />
		<h1 id="app">姓名是：</h1>
	</body>
	<script type="text/javascript">
		// 获取到按钮标签
		var oBtn =  document.getElementById("btn")
		// 获取到文本标签
		var oTxt =  document.getElementById("txt")
		// 获取到h1标签
		var oApp =  document.getElementById("app")
		// 给按钮设置点击事件
		oBtn.onclick = function(){
			// 获取到文本标签里面的内容
			var val =  oTxt.value
			// 设置h1标签里面的名字
			oApp.innerHTML = "姓名是：" +  val
//			alert("haha")
		}
	</script>
</html>
